<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
</h:head>
<h:body>
	<h:form id="form">
		<p:growl id="messages" />
		<p:breadCrumb>
			<p:menuitem value="Menu" url="/menuAdmin.jsf" />
			<p:menuitem value="Usuarios" url="/usuarios.jsf" />
			<p:menuitem value="Salas" url="/salas.jsf" />
			<p:menuitem value="Reservar" url="/reservas.jsf" />
			<p:menuitem value="Logout" action="#{loginManagedBean.logout()}" />
		</p:breadCrumb>
	</h:form>
	<h:form id="miform">
		<p:commandButton value="Desplegar Reservas" process="@this"
			update="lista" />
		<br />
		<p:growl id="gMessages" widgetVar="wGMessages" showDetail="true"
			for="gfMessages" />
		<h:panelGroup id="botones">
			<p:commandButton value="Crear Reserva"
				action="#{reservaManagedBean.limpiar()}"
				oncomplete="PF('dAgregarReserva').show();" />
			<!--  LLama al widgetVar -->
		</h:panelGroup>

		<!-- Listar Reservas -->
		<h:panelGroup id="lista">
			<p:dataTable id="reservas" style="margin-bottom:40px"
				value="#{reservaManagedBean.listar()}" var="reserva"
				rendered="#{reservaManagedBean.listar().size() gt 0}">
				<f:facet name="header">
            Lista Reservas
        </f:facet>
				<p:column headerText="Id reserva" sortBy="#{reserva.idReserva}">
					<h:outputText value="#{reserva.idReserva}" />
				</p:column>

				<p:column headerText="Sala" sortBy="#{reserva.sala}">
					<h:outputText value="#{reserva.sala}" />
				</p:column>

				<p:column headerText="Nombre" sortBy="#{reserva.username}">
					<h:outputText value="#{reserva.username}" />
				</p:column>

				<p:column headerText="Estado" sortBy="#{reserva.estado}">
					<h:outputText value="#{reserva.estado}" />
				</p:column>

				<p:column headerText="Fecha Inicio" sortBy="#{reserva.fechaInicio}">
					<h:outputText value="#{reserva.fechaInicio}" />
				</p:column>

				<p:column headerText="Fecha Termino"
					sortBy="#{reserva.fechaTermino}">
					<h:outputText value="#{reserva.fechaTermino}" />
				</p:column>

				<p:commandButton value="Crear Reserva"
					action="#{reservaManagedBean.limpiar()}"
					oncomplete="PF('dAgregarReserva').show();" />

				<p:column headerText="eliminar">
					<p:growl id="growl" sticky="true" />
					<p:commandButton value="Eliminar"
						action="#{reservaManagedBean.borrar(reserva)}" update=":miform">
						<p:confirm header="Confirmar" message="Esta seguro de eliminar?"
							icon="ui-icon-alert" />
					</p:commandButton>
					<p:confirmDialog style=" top: 180px; left: 300px; width: 530px;"
						global="true" showEffect="fade" hideEffect="explode">
						<p:commandButton value="Si" type="button"
							styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
						<p:commandButton value="No" type="button"
							styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
					</p:confirmDialog>
				</p:column>
			</p:dataTable>
		</h:panelGroup>
	</h:form>
	<!-- Agregar Reserva ajax -->
	<h:form id="fAgregarReserva">
		<p:dialog position="top" header="Ingresar Reserva"
			widgetVar="dAgregarReserva" id="dIdAgregarReserva"
			showEffect="explode" hideEffect="bounce" height="370">
			<p:panel id="pCrearReserva">

				<p:panelGrid columns="2" cellpadding="5">
					<h:outputLabel value="Sala" />
					<p:selectOneMenu id="sala" value="#{salaManagedBean.listar()}"
						effect="fold" editable="true">
						<f:selectItems value="#{salaManagedBean.listar()}" var="salaTemp"
							itemLabel="#{salaTemp.nombre}" itemValue="#{salaTemp}" />
					</p:selectOneMenu>



					<h:outputLabel value="username" style="font-weight:bold" />
					<p:selectOneMenu id="usuario"
						value="#{usuarioManagedBean.listar()}" effect="fold"
						editable="true">
						<f:selectItems value="#{usuarioManagedBean.listar()}"
							var="usuarioTemp" itemLabel="#{usuarioTemp.nombre}"
							itemValue="#{usuarioTemp}" />
					</p:selectOneMenu>

					<h:outputLabel for="fechaInicio" value="Fecha Inicio" />
					<p:calendar id="fechaInicio"
						value="#{reservaManagedBean.reserva.fechaInicio}"
						pattern="MM/dd/yyyy HH:mm:ss" />

					<h:outputLabel for="fechaTermino" value="Fecha Termino" />
					<p:calendar id="fechaTermino"
						value="#{reservaManagedBean.reserva.fechaTermino}"
						pattern="MM/dd/yyyy HH:mm:ss" />
				</p:panelGrid>
				<p:commandButton actionListener="#{reservaManagedBean.agregar()}"
					value="Agregar"
					update=":miform:lista pCrearReserva :miform:gMessages" />
			</p:panel>
		</p:dialog>
	</h:form>
</h:body>
</html>